Ext.define('App.view.MainPanel', {
	extend: 'Ext.tab.Panel',
	id : 'mainPanel',
	xtype: 'mainPanel',
	
	config: {
		
		layout : {
			animation : 'slide',
			type : 'card'
		},
		
        fullscreen: true,
        
        defaults: {
            layout: 'fit'
        },
        
        tabBar: {
            docked: 'bottom',
            ui: 'gray',
            layout: {
                pack: 'center',
                align: 'center'
            },
            scrollable: {
                direction: 'horizontal',
                indicators: false
            }
        },
        
        
        items: [{
            id: 'home',
            title: '新闻',
            iconCls: 'home',
            items: [{
                xtype: 'homePanel'
            }]
        }, {
            id: 'article',
            title: '图片',
            iconCls: 'compose',
            items: [{
                xtype: 'about'
            }]
        }, {
            id: 'eat',
            title: '奖牌榜',
            iconCls: 'favorites',
            items: [{
                xtype: 'about'
            }]
        }, {
            id: 'preview',
            title: '赛事预告',
            iconCls: 'bookmarks',
            items: [{
                xtype: 'about'
            }]
        }, {
            id: 'setting',
            title: '设置',
            iconCls: 'settings',
            items: [{
                xtype: 'about'
            }]
        }, {
            id: 'about',
            title: '关于我们',
            iconCls: 'info',
            items: [{
                xtype: 'about'
            }]
        }]
    }

});